<template>
	<view class="null_box">
		<image
			style="width: 100%; height: 100%;" 
			mode="aspectFit"
			:src="joinSystemPath(img)"/>
	</view>
</template>

<script setup>
	import {
		joinSystemPath
	} from '@/utils/imgJoinName.js'
	
	const props = defineProps({
		img:{
			type:String
		},
		height:{
			type:String,
			default:'calc(40vh)'
		}
	})
</script>

<style lang="less">
	.null_box{
		height: v-bind(height);
		display: flex;
		justify-content: center;
	}
</style>